<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>函数的创建方式</title>
    <script>
        /* 
        函数的创建方式

            1.函数声明
                function 函数名(){
                    函数体
                }

            2.函数表达式
            const 函数名=funtion(){
                函数体
            }

            3.箭头函数

            const   函数名=() => {           //函数体只有一行语句时，{}可以省略不写  当参数只有一个的时候，（）也可以省略
                    函数体
                }
        
        */

        // 函数声明创建的函数
        function fn1() {
            console.log(`函数声明创建的函数`)
        }
        fn1()
        console.log(typeof fn1)



        // 函数表达式创建的函数
        const fn = function () {
            console.log(`函数表达式创建的函数`)
        }
        fn()
        console.log(typeof fn)



        // 箭头函数创建的函数
        const fn2 = () => {
            console.log(`箭头函数创建的函数1`)
        }
        fn2()
        console.log(typeof fn2)


        const fn3 = () =>                       // 函数体只有一行语句时，{}可以省略不写
            console.log(`箭头函数创建的函数2`)

        fn3()
        console.log(typeof fn3)


        const fn4 = x =>
            console.log(`箭头函数里的参数x-----${x}`)
        
        fn4(1)
    </script>
</head>

<body>

</body>

</html>